<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JSSIP</title>
    <link rel="stylesheet" href="css/style.css"/>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="./bootstrap-3.3.7/css/bootstrap.min.css">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="./bootstrap-3.3.7/css/bootstrap-theme.min.css">
</head>
<body>
<div>
    <input id="number" value="18021411953" type="text"/>
    <button id="startCall">Start Call</button>
    <button id="endCall">End Call</button>
    <button id="transfer">transfer</button>
    <button id="hold">hold</button>
    <button id="unhold">unhold</button>
    <button id="mute">mute</button>
    <button id="unmute">unmute</button>
    <button id="unregister">unregister</button>
    <button id="register">register</button>
</div>
<br>
<div>
    <input id="msg" value="你好" type="text"/>
    <button id="sendMessage">Send Message</button>

    <audio id="ringtone" loop src="./sounds/ringtone.wav"></audio>            <!--//来电提示音-->
    <audio id="ringbacktone" loop src="./sounds/ringbacktone.wav"></audio>    <!--//电话呼叫后声音-->
    <audio id="dtmfTone" src="./sounds/dtmf.wav"></audio>

    <video id="remoteVideo" autoplay="autoplay"></video>
    <video id="localVideo" autoplay="autoplay" muted="muted"></video>
    <!-- DTMF -->
    <div id="dtmf-buttons">
        <button onclick="sendDtmf('1');">1</button>
        <button onclick="sendDtmf('2');">2</button>
        <button onclick="sendDtmf('3');">3</button>
        <button onclick="sendDtmf('4');">4</button>
        <button onclick="sendDtmf('5');">5</button>
        <button onclick="sendDtmf('6');">6</button>
        <button onclick="sendDtmf('7');">7</button>
        <button onclick="sendDtmf('8');">8</button>
        <button onclick="sendDtmf('9');">9</button>
        <button onclick="sendDtmf('0');">0</button>
        <button onclick="sendDtmf('#');">#</button>
        <button onclick="sendDtmf('*');">*</button>
    </div>
</div>
<hr>
<div>
    <input id="seat" value="1012" type="text" placeholder="请输入"/>
    <button id="seatCall">seatCall</button>
</div>


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <h2 class="incoming"></h2>
            </div>
            <div class="modal-footer" style="text-align: center">
                <button type="button" id="acceptCall" class="btn btn-primary" data-dismiss="modal">接听</button>
                <button type="button" id="rejectCall" class="btn btn-default" data-dismiss="modal">拒绝</button>
            </div>
        </div>
    </div>
</div>


<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/audioPlayer.js"></script>

<script src="./bootstrap-3.3.7/js/bootstrap.min.js"></script>

<script src="./js/jssip-3.3.11.js"></script>
<script>JsSIP.debug.enable('JsSIP:*');</script>


<script src="./jssip/jssip.js"></script>

</body>
</html>